<template>
  <div class="parent-box">
      <h3 class="parent-title">父组件的标题</h3>
      <son></son>
  </div>
</template>

<script>
import Son from './son.vue'
export default {
  name: '',
  props: {},
  components: {
    Son
  },
  data () {
    return {

    }
  },
  created () {

  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
//scoped给类添加属性,data-v-8cc5883c就是parent的id
// 不可以
// .son-title[data-v-8cc5883c]
// .son-title{
//     color: blue;
// }
// 可以
//.son-box[data-v-8cc5883c]
// .son-box{
    // 不可以
    // color: blue !important;
// }
// .son-box .son-title[data-v-8cc5883c] {
// .son-box .son-title{
//     color: blue
// }
// [data-v-8cc5883c] .son-title {
/deep/ .son-title{
    color: blue
}
</style>
